<!DOCTYPE html> 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" >
		<title>operamasks-ui</title>
		<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
		<script type="text/javascript" src="../jquery.js"></script>
		<script type="text/javascript" src="resources/common/common.js"></script>
		<link rel="stylesheet" type="text/css" href="resources/common/common.css" />
	    <link rel="stylesheet" href="../themes/default/om-all.css">
	    <link rel="stylesheet" type="text/css" href="../demos/common/css/base.css" />
	    <link rel="stylesheet" href="../demos/common/css/docs.css">
	    <script src="../ui/om-core.js"></script>
	    <script src="../ui/om-panel.js"></script>
	    <script src="../ui/om-tabs.js"></script>
	    <script src="../ui/om-combo.js"></script>
	    <script src="../ui/om-messagetip.js"></script>
	    <script src="../demos/common/js/data.js"></script>
	    <script src="../demos/common/js/themesswitcher.js"></script>
	    <script src="../demos/common/js/demo.js"></script>
	    <style>
	    	div#theme-switcher{
	    		padding:20px 0 0 18px;
	    		font-weight: bold;
	    		width: 180px;
	    	}
	    	div#theme-switcher span.om-combo{
	    		vertical-align: middle;
	    	}
	    </style>
	</head>
	<body>
	   <div id="main-frame-center">
	    <div class="header-class">
	        <div class="hdbanner">
	            <div class="hdlogo"></div>
	            <div class="hdmenu" id="__hdmenu">
	                <div link="homepage.html"><span>首页</span></div>
	                <div link="demos.html" class="default_selected"><span>示例</span></div>
	                <div link="download.html"><span>下载</span></div>
	                <div link="team.html"><span>团队</span></div>
	                <div link="http://www.operamasks.org/forum/index.php"><span>社区</span></div>
	                <div link="http://www.operamasks.org/blog"><span>博客</span> </div>
	                <div link="roadmap.html"><span>Roadmap</span></div>
	            </div>
	        </div>
	    </div>
	    <div id="__content" class="content">
		    <table id="body-table">
		        <tr>
		            <td class="left-panel" valign="top">
		                <div id="theme-switcher" style="">
		                      <img src="resources/common/images/new.png">&nbsp;&nbsp;选择皮肤： <input id="changeTheme" />
		                </div>
		                <dl class="demos-nav">
		                </dl>
		            </td>
		                
		            <td class="center-panel" valign="top">
		                <div id="demo-config" style="float:left;">
		                    <div id="demo-frame"  style="width:721px;float:left;">
		                        <p id="demo-link">
		                            <a target="_blank" href="" class="demo-new-window">新窗口打开</a>
		                        </p>
		                        <iframe id="content-frame" name="content-frame" frameborder="0" style=" border: none;width: 720px;_width:740px"></iframe>
		                    </div>
		                </div>
		                <div id="content_div">
		                    <a id="view_source" class="view_source_close" href="#">查看源码</a>
		                    <div id="demo-source" style="display:none;">
		                        <pre></pre>
		                    </div>
		                    <div id="api_div">
		                    </div>
		                </div>
		            </td>
		        </tr>
	    	</table>
	    </div>
	    <div id="__footer" class="footer">
		       <div>
		           <a href="http://www.apusic.com" target="_blank">金蝶旗下公司</a> | 
		           <a href="team.html" target="_blank">关于我们</a> |
		           <a href="#" target="_blank">联系我们</a> |
		           <a href="#" target="_blank">使用条款</a> |
		           <a href="#" target="_blank">保密声明</a>
		       </div>
		       <div>Copyright © Apusic System, Inc. All rights reserved</div>
	    </div>
	    </div>
	</body>
</html>